<!--
 * @Description: 
 * @Author: liuzl
 * @Date: 2024-11-01 10:51:33
 * @LastEditors: liuzl
 * @LastEditTime: 2024-11-04 19:38:26
-->
<!-- 告诉浏览器 Html的版本是H5 -->
<!DOCTYPE html>
<!-- 语言 English -->
<html lang="en">
<!-- 文档的头部 在网页视口区看不到-->

<head>
  <!-- 信息标签 字符编码格式 -->
  <meta charset="UTF-8">
  <!-- 可使用的宽度为视口宽度 初始缩放比例为1 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 文档的标题 在选项卡上面显示 -->
  <title>摆渡翻译</title>
  <link rel="icon" href="./img/favicon.png">
</head>
<!-- 文档的主体 - 在网页的视口区显示的 -->

<body>
    <div title="hello">hello,world</div>
  <div>hello,world</div>
  hello <br /> world
  <img id="iconImg" class="img image image1" src="./img/favicon.png" 
  style="width: 100px;height: 100px;"
  alt=""/>
  <img src="./img/image.png" width="88" height="88" alt="图片丢失。。。" />
  <img src="./img/image1.png" width="88" height="88" alt="图片去外太空了。。。"/>
  <span> 行内元素</span>
  <span> 行内元素</span>
  <span> 行内元素</span>
  <h1>一级标题</h1>
  <h2>二级标题</h2>
  <a href="https://baidu.com">百度一下，你就知道</a>
  <a href="https://baidu.com">百度一下，你就知道</a>
  <a href="https://baidu.com">百度一下，你就知道</a>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
  <h3>注册</h3>
  <form action="">
    <div>
        用户名：<input class="formInput"
        type="text" name="username">
    </div>
    <div>
        密码：<input type="password" name="password">
    </div>
    
    <div>
        性别：<lable for="genderNan">
            男<input id="genderNan" type="radio" name="gender" value="男">
        </lable>
        女<input type="radio" name="gender" value="女">
    </div>
    <div>
        爱好：
        篮球<input type="checkbox" name="like" value="篮球">
        足球<input type="checkbox" name="like" value="足球">
    </div>
    <div>
        城市：
    <select name="city">
        <option value="">请选择</option>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="广州">广州</option>
    </select>
    </div>
    <div>
    生日:
    <input type="date" name="birth">
    </div>
    <div>
        个人介绍:
    <textarea name="info" id="" cols="30" rows="5">
    </textarea>
    </div>
    <div>
        <!-- 隐藏的表单信息 用户看不到 不能修改 但是能提交到服务器上 -->
        <input hidden type="text" name="vipType" value="vip">
      </div>
    <div>
        <!-- 如果需要其他功能 要绑定事件 -->
        <input type="button" value="普通按钮">
        <input type="submit" value="提交按钮">
        <input type="reset" value="重置按钮">
    </div>
  </form>
  <!-- 在当前网页内嵌入其他页面 -->
  <!-- <iframe width="100%" height="100%" src="https://element-plus.org/zh-CN/component/form.html" frameborder="0"></iframe> -->
  <!-- frameborder="0" 控制边框的宽度 不建议使用 
  用css中的border属性控制 -->
  <hr>
  <p>123</p>
  <b>123</b>
  <iframe src="https://i.tianqi.com/?c=code&a=getcode&id=55&icon=1" frameborder="0"></iframe>
</body>
<!-- html的结束标签 -->

</html>
